<?php
  include_once('header.php');

  limits($conn, '用户管理');
?>
    <div class="layui-body" style="padding: 15px;">
    <!-- 用户管理 - 用户信息列表 -->
      <!-- 内容主体区域 -->
      <div>用户管理</div>
      <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
          <li><a class="layui-this">用户列表</a></li>
          <li><a href="user_new.php">新增用户</a></li>
        </ul>
      </div>

      <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
          <div>
            <form class="layui-form" action="user_list_search.php" method="post">
              <div class="layui-inline">
                <input class="layui-input" name="search" style="width: 350px" placeholder="按真实姓名查找" />
              </div>
              <button class="layui-btn layui-btn-normal">搜索</button>
            </form>
          </div>
          <script type="text/html" id="toolbar">
            <div class="layui-btn-container">
              <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</a>
              <a class="layui-btn layui-btn-xs layui-btn-dange" lay-event="del">删除</a>
            </div>
          </script>
          <table class="layui-table" lay-filter="user" lay-data="{
            height: 550,
            page: true,
            id: 'id_table',
            toolbar: true
          }">
            <thead>
              <tr>
                <td lay-data="{field: 'id', sort: true}">ID</td>
                <td lay-data="{field: 'username'}">用户名</td>
                <td lay-data="{field: 'real_name'}">真实姓名</td>
                <td lay-data="{field: '', toolbar: '#toolbar', width: 200}">操作</td>
              </tr>
            </thead>
            <tbody>
              <?php
                $sql = "select * from user order by id";
                $result = mysqli_query($conn, $sql);
                if($result) {
                  while($rows = mysqli_fetch_assoc($result)) {
                    echo "<tr>";
                    echo "<td>".$rows['id']."</td>";
                    echo "<td>".$rows['username']."</td>";
                    echo "<td>".$rows['real_name']."</td>";
                    echo "<td></td>";
                    echo "</td>";
                  }
                }
              ?>
            </tbody>
          </table>
          <script>
            layui.use('table', function(){
              var table = layui.table;

              // 工具条事件
              table.on('tool(user)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
                var data = obj.data; //获得当前行数据
                var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                let arr = Object.values(data);//获得当前行数据转为数组
                if(layEvent === 'del'){ //删除
                  layer.confirm('真的删除行么', function(index){
                    obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                    layer.close(index);
                    window.location.href='user_delete.php?id='+arr[0];
                  });
                } else if(layEvent === 'edit'){ //编辑
                  window.location.href='user_edit.php?id='+arr[0];
                }
              });
            });
          </script>
        </div>
      </div>
    </div>
<?php
  include('footer.php');
?>